<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>购买店铺</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">

    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common_pay.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/pay/addStores.css">
    <link rel="stylesheet" href="../css/pay/appStoresPay.css">
</head>
<body>
<div id="join">
    <!--招募-->
    <div class="recruit">

    </div>
    <!--选择期限支付-->
    <div class="step">
        <!--第一步选择期限-->
        <div class="terms">
            <h3>第一步:选择期限</h3>
            <ul class="termsContent">
                <li v-for="(item,index) in vipInfo" :class="{join_active:selTerm==item.talentType}" @click="selectTerms(item)">
                    <div class="left">
                        <span>{{item.vipName}}</span>
                    </div>
                    <div class="right">
                        &yen;<span>{{item.money}}</span>
                    </div>
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
        <div class="linear"></div>
        <!--第二步选择支付方式-->
        <div class="selpayWays">
            <h3>第二步:选择支付方式</h3>
            <div class="payWays">
                <div class="clearfix alipay" onclick="selectpayWays(0)">
                    <div class="fl">
                        <div class="payImg">
                            <img src="../../b2c/images/pay/zhifubaozhifu@2x.png" alt="">
                        </div>
                        <div class="payInfo">
                                <p>支付宝支付</p>
                                <span>简单快捷,推荐支付宝用户使用</span>
                        </div>
                    </div>
                    <div class="fr">
                        <i class="icon active"></i>
                    </div>
                </div>
                <div class="clearfix wxpay" onclick="selectpayWays(1)">
                    <div class="fl">
                        <div class="payImg">
                            <img src="../../b2c/images/pay/weixinzhifu@2x.png" alt="">
                        </div>
                        <div class="payInfo">
                            <p>微信支付</p>
                            <span>推荐已安装微信的用户使用</span>
                        </div>
                    </div>
                    <div class="fr">
                        <i class="icon"></i>
                    </div>
                </div>
                <div class="payBtn" onclick="goPay()">立即支付</div>
            </div>

        </div>
    <div class="introduction">

    </div>

</div>
</div>
<script src="../lib/js/ui.js"></script>
<script src="../js/pay/appStorePay.js"></script>
</body>
</html>